.mine{
    height: 100%;
    background-color: #e8e8e8;
    padding-bottom: 100px;
    overflow-y: scroll;
    .username{
        height: 170px;
        background-color: #fff;
        padding: 20px;
        position: relative;
        .img{
            position: relative;
            .userimg{
                width: 100px;
                height: 100px;
                border-radius: 50%;
                border: 3px solid #23a9f2;
            }
        }
        span{
            margin-left: 10px;
            align-items: center;
        }
        .icon-vip{
            position: absolute;
            font-size: 40px;
            color: orange;
            left: 55px;
            bottom: 5px;
        }
        .autograph{
            position: absolute;
            bottom: 0;
            color: #ac998a;
        }
        a{
            flex: 1;
            justify-content: flex-end;
            align-items: center;
            .icon-right{
                font-size: 50px;
            }
        }
    }
    .dynamic{
        padding: 0 20px;
        margin-top: 20px;
        background-color: #fff;
        justify-content: space-between;
        .dynamic-left,.dynamic-right{
            align-items: center;
        }
        i{
            font-size: 28px;
        }
    }
    .motionData{
        padding: 0 20px;
        margin-top: 20px;
        height: 140px;
        background-color: #fff;
        .font{
            height: 50px;
            position: relative;
            .icon-quxiantu{
                font-size: 30px;
                color: #23a9f2;
            }
            span{
                font-size: 18px;
            }
            .icon-right{
                height: 50px;
                font-size: 30px;
                position: absolute;
                right: 0;
            }
            .img{
                justify-content: space-between;
            }
            .box{
                .left{
                    border-right: 1px solid #ccc;
                    .number{
                        color: #23a9f2;
                        font-size: 30px;
                    }
                }
                .right{
                    margin-left: 20px;
                    .number{
                        color: #23a9f2;
                        font-size: 30px;
                    }
                }
            }
        }
    }
    .badge{
        margin-top: 20px;
        padding: 0 20px;
        height: 170px;
        background-color: #fff;
        .font{
            height: 50px;
            position: relative;
            img{
                flex: 1;
            }
            .icon-badge{
                font-size: 30px;
                color: #23a9f2;
            }
            span{
                font-size: 18px;
            }
            .icon-right{
                height: 50px;
                font-size: 30px;
                position: absolute;
                right: 0;
            }
        }
    }
    .signout{
        padding: 0 20px;
        margin-top: 20px;
        height: 60px;
        background-color: #fff;
        align-items: center;
        .btn{
            text-align: center;
            color: #23a9f2;
        }
    }
}